<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:include="common :: header">

</head>


<body>

<div id="topbox" th:include="common :: topBar('about')">

</div>

<div class="banner" th:include="common :: banner(${pictures})">

</div>

<div class="nybox">
    <div class="nytop">
        <div class="nytopA"><span>关于我们</span><em>ABOUT US</em></div>
        <div id="nytopB">
            <a href="javascript:;" th:each="cate :${categories}" th:class="${activeId}==${cate.categoryId}?'active'"  th:text="${cate.name}" th:id="${cate.categoryId}"></a>
        </div>
    </div>

    <div class="nybottom">
        <div class="wenzhang">
         content
        </div>
    </div>
</div>


<div class="foot" th:include="common :: footer">

</div>


<div class="floating_ck">
    <dl>

        <dd class="quote">
            <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=555555555&amp;site=qq&amp;menu=yes"
               target="_blank"><span>客服</span></a>
        </dd>

        <dd class="qrcord">
            <span>微信</span>
            <div class="floating_left floating_ewm">
                <i><img src="/images/ewm.png"></i>
                <p class="qrcord_p01">扫一扫，获取更多资讯</p>
                <p class="qrcord_p02">咨询热线<br>0898-6587 5382</p>
            </div>
        </dd>
        <dd class="return">
            <span onclick="gotoTop();return false;">顶部</span>
        </dd>
    </dl>
</div>

</body>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript">
    layui.config({
        base : "js/"
    }).use(['form','layer','jquery'],function(){
        var form = layui.form,
            layer = layui.layer,
            $ = layui.jquery;
        $(function(){
            $.get('getContent/'+$("a.active").attr("id"),function(resp){
                $(".wenzhang").html(resp.data.content);
            });
        })

        $("body").on("click","#nytopB>a",function(){
            $("#nytopB>a").removeClass("active");
            $(this).addClass("active");
            $.get('getContent/'+$(this).attr("id"),function(resp){
                $(".wenzhang").html(resp.data.content);
            });
        });
    });

    $(".banner").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        effect: "fold",
        autoPlay: true,
        autoPage: true,
        trigger: "click"
    });
</script>
</html>